<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/buy.css"/>
		<link rel="stylesheet" type="text/css" href="css/head.css"/>
	</head>
	<body>
		
		<div class="head">
							<div class="line1">
								<span class="log">
									<a href="index.html">
									<img src="img/logo/yinLogo.png" >
								</a>
								</span>
							<ul>
								<li><a href="#">官方微博</a></li>
								<li><a href="#">关注微信</a></li>
								<li><a href="reading.html">购物须知</a></li>
							</ul>
							</div>
							
							
							<div class="line2">
								<span class="log">
									<a href="index.html">
									<img src="img/logo/shop-logo-v1.png" >
									</a>
								</span>
								<div >
									<input type="text" class="search" name="" id="" value="" />
									<span class="btn"></span>
								</div>
								<ul>
									<li class="l1"></li>
									<li><a href="#" class="denglu">登录</a></li>
									<li><a href="#">我的订单</a></li>
									<span class="l2"></span>
									<li><a href="#"> 购物车</a></li>
								</ul>
								
							</div>
					<!-- 登录内页面显示 -->	
				<script type="text/javascript">
					window.onload=function(){
						var denglu=document.querySelector(".denglu");
						denglu.onclick=function(){
							var box=document.querySelector(".box");
							box.style.display="flex";
						}
						var close=document.querySelector(".close");
						close.onclick=function(){
						var box =document.querySelector(".box");
						box.style.display="none";
						}
						
						
						var forms=document.querySelectorAll(".box .text form");
						var btns=document.querySelectorAll(".box .title a");
						for(var i=0;i<btns.length;i++){
							btns[i].onclick=function(){
								for (var j=0;j<btns.length;j++) {
									btns[j].className= "";
								}
								this.className="active";
						var idx=this.attributes["data-idx"].value;
								console.log(idx);
								for(var j=0;j<forms.length;j++){
									forms[j].style.display="none";
								}
								forms[idx].style.display="block";
							}
						}
						
						
					}
				</script>			
							<div class="xian"></div>
					     <div class="line3">
							 <span class="title">艺人分类</span>
							 <ul>
							 	<li><a href="index.html">首页</a></li>
							 	<li><a href="list.html">专辑</a></li>
							 	<li><a href="index.html">明显周边</a></li>
							 	<li><a href="index.html">明星同款</a></li>
							 	<li><a href="index.html">个护美妆</a></li>
							 	<li><a href="index.html">影漫周边</a></li>
							 	<li><a href="index.html">食品</a></li>
							 	<li><a href="index.html">服装配饰</a></li>
							 </ul>
									 
						 </div>
							</div>
							
						</div>
						<div class="zc">
							<div class="content">
									<div class="box">
										<div class="right">
									<div class="title">
										<a href="#" class="active" data-idx="0">登录</a>
										<a href="#" data-idx="1" >注册</a>
									</div>
									<div class="text">
										<form action="#" method="get">
											<div>
												<input type="text" name="name" id="name" value="" placeholder="请输入账号或邮箱"/>
											</div>
											<div>
												<input type="password" name="pwd" id="pwd" value="" placeholder="请输入密码"/>
											</div>
											<div>
												<input type="checkbox" name="chk" id="chk" value="" />
											<label for="chk">自动登录</label>
											</div>
											<div><input type="submit" value="登录"/></div>	
										</form>
									
									<form action="" method="get">
									<div>
										<input type="text" name="name" id="name" value="" placeholder="请输入账号或邮箱"/>
									</div>
									<div>
										<input type="password" name="pwd" id="pwd" value="" placeholder="请输入密码"/>
									</div>
									<div>
										<input type="text" name="yzm" id="yzm" value="" class="yanz" placeholder="请输入验证码" />
										<input type="button" name="" id="" value="获取验证码" class="yanz1"/>
									
									</div>
									<div><input type="submit" value="立即注册"/></div>	
									
									</form>
									</div>
									</div>
									<span class="close">&times;</span>
									      </div>
										  
								</div>
								
						</div>
		<!-- ========================================== -->				
						
						<div class="content">
							<div class="nav">
								<a href="index.html">首页</a>&gt;
								<a href="list.html">专辑</a>&gt;
								<span>【独家发售】大张伟2018全新专辑《人间精品》</span>
							</div>
							<div class="text">
								<div class="left">
									<img src="img/pro/7_418x418.jpg" alt="">
									<div><span class="love"></span><span class="num">999</span></div>
									<img src="img/details-i.png" alt="">
								</div>
								<div class="right">
									<div class="title">【独家发售】大张伟2018全新专辑《人间精品》</div>
									<div>
										<span class="dt">商城价格</span>
										<span class="money">￥83.1</span>
										<span class="del">￥83.1</span>
										<hr >
									</div>
									<div><span class="dt">重量</span><span class="weight">0.33kg</span></div>
									<div><span class="dt">数量</span><img src="img/num.jpg" alt=""></div>
									<div class="sp"><span class="cart"></span><span class="buy"></span></div>
									<div><img src="img/zpbz.png" alt=""></div>
								</div>	                                                                       
							</div>
							<div class="img">
						<img src="img/tuangou20180126.jpg" >
							</div>
							<div class="jio">
							</div>
						</div>	
						
			<!-- ============================================== -->			
				
					<div class="fot">
						<div class="foot">
							<ul>
								<li><a href="#">关于我们</a></li>
								<li><a href="#">人才招聘</a></li>
								<li><a href="#">联系我们</a></li>
								<li><a href="#">友情链接</a></li>
								<li><a href="#">版权说明</a></li>
								<li><a href="#">客服中心</a></li>
							</ul>
							<div class="z">
								<img src="img/culture.png"  class="zhi">
								<span>Copyright@2009-2016yinyuetai.com广播电视节目制作经营许可证编号（京）字第1891号丨京网文【2014】2037-287号</span>
								<span class="w"><a href="">网络视听许可证0110413号</a></span>
								<p>京公安网备案1101050201490号丨京ICP备11024134号-1丨京ICP证060716号丨出版物经营许可证新出发零字第朝130062号丨增值电信业务营业许可证B2-20140501</p>
								
								<p>食品许可s证：JY11105040485363丨营业执照</p>
							<div class="an"></div>
							</div>
							
						</div>
					</div>
	</body>
</html>
